{% extends "base.html" %}

{% block content %}
    <div id="content">

<div id="general_page">
<!-- getting started -->

<div id="getting-started-content">

    	<div class="getting-started-header">
<span>The place to make news, any news, but hey, time is running out on your story!</span>
<div class="rules">Your news items only have 8 minutes to LIVE.<br />
Get 8 responses to extend your item's LIVE duration by 8 more minutes.<br />
Ready, Set, Post!</div></div>
    <div class="getting-started-features">
    Here are some more useful tips to get you going:
    </div>
    <div class="left-column">
    		<!-- feature --->
            <div class="feature-box">
        	<div class="feature-img">
            	<span class="feature_image" style="background-image: url({{ STATIC_URL }}/images/time.png);">
            	  <img src="{{ STATIC_URL }}/images/frame.png"/>
                </span>
            </div>
       	      <div class="feture-content">
              <h2>Time Tracking</h2>The items <strong>Time Tracker</strong> will tell you how much time the item has left to stay LIVE.</div>
            </div>
            <!-- end feature --->
            <div class="clearfix"></div>
            <!-- feature --->
            <div class="feature-box">
        	<div class="feature-img">
            	<span class="feature_image" style="background-image: url({{ STATIC_URL }}/images/progress.png);">
            	  <img src="{{ STATIC_URL }}/images/frame.png"/>
                </span>
            </div>
     	      <div class="feture-content">
              <h2>Progress Bar</h2>The <strong>Rsponses Progress Bar</strong> will help you track how many responses are still needed in order to get 8 more minutes for the item's LIVE duration.</div>
            </div>
            <!-- end feature --->
            <div class="clearfix"></div>
            <!-- feature --->
            <div class="feature-box">
       	<div class="feature-img">
            	<span class="feature_image" style="background-image: url({{ STATIC_URL }}/images/airtime.png);">
            	  <img src="{{ STATIC_URL }}/images/frame.png"  />
                </span>
            </div>
       	      <div class="feture-content">
              <h2>Airtime +</h2>If your item didn't receive 8 responses in an 8 minute period, you can use <strong>Airtime</strong> credit to help it get to the next round.<br />Add up to 16 Airtime credits per round.</div>
            </div>
            <!-- end feature --->
            <div class="clearfix"></div>
    </div>       
    <div class="right-column">
            <!-- feature --->
            <div class="feature-box">
       	<div class="feature-img">
            	<span class="feature_image" style="background-image: url({{ STATIC_URL }}/images/share.png);">
            	  <img src="{{ STATIC_URL }}/images/frame.png"  />
                </span>
            </div>
       	      <div class="feture-content">
              <h2>Every Share Counts</h2>Sharing buttons make it easy to share items with friends and attract even more attention. Every Facebook share or tweet posted counts as a response.
</div>
            </div>
            <!-- end feature --->
            <div class="clearfix"></div>
            <!-- feature --->
            <div class="feature-box">
        	<div class="feature-img">
            	<span class="feature_image" style="background-image: url({{ STATIC_URL }}/images/upload.png);">
            	  <img src="{{ STATIC_URL }}/images/frame.png"  />
                </span>
            </div>
      	      <div class="feture-content">
              <h2>Upload From Mobile</h2>
              Submit items from your mobile phone by emailing the item to your <a href="/profile/">personal 8minutes email address</a>.</div>
            </div>
            <!-- end feature --->
            <div class="clearfix"></div>
                	<!-- feature --->
            <div class="feature-box">
       	<div class="feature-img">
            	<span class="feature_image" style="background-image: url({{ STATIC_URL }}/images/invite.png);">
            	  <img src="{{ STATIC_URL }}/images/frame.png"  />
                </span>
            </div>
       	      <div class="feture-content">
              <h2>Invite Your Friends</h2>Invite your friends to join you on 8minutes and discuss the news live as it breaks. Simply import your contacts and start building your network.</div>
            </div>
            <!-- end feature --->
            <div class="clearfix"></div>

	</div>
    <div class="clearfix"></div>
</div>
</div>

<!-- end of getting started -->
</div>
{% endblock %}
